<!DOCtype html>
<html ng-app="advertiserApp">
	 <head>
	     <meta charset= "utf-8"/>
		 <title>图片广告</title>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/angular/angular.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/jquery/dist/jquery.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/mainApp.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/controller/advertiserCtrl.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/main.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/static/js/ajaxupload.js"></script>
		 <script type="text/javascript" src="/web-adv/advWeb/controller/uploadAd/imageAd/index.js"></script>
	 	 <script type="text/javascript" src="/web-adv/advWeb/static/js/transition.js"></script>
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap/dist/css/bootstrap.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/vendor/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/layout.css" />
		 <link rel="stylesheet" href="/web-adv/advWeb/static/styles/main.css" />
		 <link rel="shortcut icon" href="/web-adv/advWeb/static/favicon.ico" />
		 <link rel="bookmark" href="/web-adv/advWeb/static/favicon.ico" />
		 <style type="text/css">
		     .adTarget ul li img{cursor:pointer}
		     /* 验证样式 */
			 .add{position:absolute;line-height:50px;color:#d7000f;font-size:14px;right:0;top:0;}
			 .addPatternSpan{right:-123px;top:0;}
			 .form-group{position:relative}
			 #urlPat{right:-80px;top:0}
			 #timePat{top:0;line-height:34px;left:320px;}
			 .changelineH{line-height:34px;}
			 #keyPat{top:0;}
		     #adNameSpan{top:0;right:-123px;}
			 #mustVal{top:0;right:0}
			 .content .adTargetModalBox{position:relative}
			 .content .adTargetModalBox .targetAlert{position:absolute;color:red;width:400px;top:-18px;left:50px;}
			 
			 #adDescribeBox{position:relative;}
			 #textAlert{color:#cbd1db;position:absolute;bottom:0;right:46px;line-height:32px;}
		 </style>
	 </head>
	 <body ng-controller="advertiserCtrl">	
         <div class="headerBox"></div>
         <div class="nav"><ul></ul></div>
		 <form class="content" name="registerForm" novalidate>
         <!-- begin -->		 
		     <div class="websiteMapBox">
			     <span>当前页面></span>
				 <span>图片广告</span>
			 </div>
		     <div class="itemAdForm">
			     <div class="form-group form-inline">
				     <label class="rightAlign"><span style='color:#d7000f;margin-left:-6px;' >*</span>广告名称：</label>
				     <input type="text" class="form-control" id="adName" maxlength="30" name="adname" ng-model="vedioad.adname" required/>
					 <span class="add" id="mustVal"></span>
				 </div>		
				 
				  <div class="form-group form-inline">
				     <label class="rightAlign"><span style='color:#d7000f;margin-left:-6px;' >*</span>广告链接：</label>
				     <input type="text" class="form-control" id="advUrl" name="adurl" ng-model="picturead.adurl" required/>
					  <span class="add" id="urlspan"></span>
				 </div>		
				 	     
				 <div class="form-group form-inline" id="adDescribeBox">
				    <label class="rightAlign left" style="line-height:52px;"><span style='color:#d7000f;margin-left:-6px;' >*</span>广告描述：</label>
				     <textarea align="left" class="form-control textareaForm left" maxlength="200" rows="1" value="" id="description"
				     name="addescribe" ng-model="picturead.describe" required></textarea>
					 <span class="add" id="descriptspan"></span>	
					 <span id="textAlert">限200字以内</span>
					 <div class="clear"></div>
				 </div>	
			 </div>
			 
		     <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">图片封面上传</button>
				 </div>
				 <div class="adCoverUpload">
				     <img id="adHomeImg" src="" alt="" />
					 <p>支持<span>jpg、gif、png</span>格式，单照照片<span>10K-10M</span>之间，如果无法上传图像，请核实图片大小和格式。</p>					 
					 <div class="uploadBtnBg">
	 					 <input class="uploadBtnHandle" type="file" name="file" value="" onchange="uploadImg.changeHomeImage(this,$(this))" id="putcover"/>
				  
					 </div>
				 </div>				 				 
			 </div>
		     <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告投放关键字</button>				 
				 </div>				 				 
			 </div>
			 <div class="itemAdForm">
			     <div class="form-group form-inline">
				     <label class="rightAlign"><span style='color:#d7000f;margin-left:-6px;' >*</span>关键字一：</label>
				     <input type="text" maxlength="12" class="form-control" id="key1" name="keyname" ng-model="videoad.keyname" required/>		
					 <span id="keyPat" class="add"></span>				 
				 </div>			     
				 <div class="form-group form-inline">
				     <label class="rightAlign">关键字二：</label>
				     <input type="text" maxlength="12"  class="form-control" id="key2" name="keyname"/>
				     <span id="keyPat2" class="add addPatternSpan">*由中文、数字、英文组成</span>						 
				 </div>		
				 <div class="form-group form-inline">
				     <label class="rightAlign">关键字三：</label>
				     <input type="text"  maxlength="12" class="form-control" id="key3" name="keyname"/>
				     <span id="keyPat3" class="add addPatternSpan">*由中文、数字、英文组成</span>					 
				 </div>		
				 <div class="form-group form-inline">
				     <label class="rightAlign">关键字四：</label>
				     <input type="text"  maxlength="12" class="form-control" id="key4" name="keyname"/>
				     <span id="keyPat4" class="add addPatternSpan">*由中文、数字、英文组成</span>				 
				 </div>		
				 <div class="form-group form-inline">
				     <label class="rightAlign">关键字五：</label>
				     <input type="text"  maxlength="12" class="form-control" id="key5" name="keyname"/>
				     <span id="keyPat5" class="add addPatternSpan">*由中文、数字、英文组成</span>					 
				 </div>		
				 <div class="form-group form-inline">
				     <label class="rightAlign">关键字六：</label>
				     <input type="text"  maxlength="12" class="form-control" id="key6" name="keyname"/>
				     <span id="keyPat6" class="add addPatternSpan">*由中文、数字、英文组成</span>					 
				 </div>		
			 </div>			 
			 <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告属性标签</button>				 
				 </div>
				 <div class="adTarget">
				     <ul class="adTargetModalBox">
						 <li id="targetLi"><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1000.png" alt=""  id="1000"/>
							 <span class="targetAlert">*请您选择广告属性标签！（最多选择六个）</span>
						 </li>
						 <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1001.png" alt=""  id="1001"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1002.png" alt=""  id="1002"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1003.png" alt=""  id="1003"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1004.png" alt=""  id="1004"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1005.png" alt=""  id="1005"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1006.png" alt=""  id="1006"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1007.png" alt=""  id="1007"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1008.png" alt=""  id="1008"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1009.png" alt=""  id="1009"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1010.png" alt=""  id="1010"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1011.png" alt=""  id="1011"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1012.png" alt=""  id="1012"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1013.png" alt=""  id="1013"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1014.png" alt=""  id="1014"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1015.png" alt=""  id="1015"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1016.png" alt=""  id="1016"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1017.png" alt=""  id="1017"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1018.png" alt=""  id="1018"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1019.png" alt=""  id="1019"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1020.png" alt=""  id="1020"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1021.png" alt=""  id="1021"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1022.png" alt=""  id="1022"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1023.png" alt=""  id="1023"/></li>
					     <li><img data-target="0" src="/web-adv/advWeb/static/images/genre_pic1024.png" alt=""  id="1024"/></li>
					 </ul>
				 </div>
				 
			 </div> 
			 <div class="itemAdGroup">
			     <div class="topTitle">
				     <button class="btn btn-primary btnTitle">广告终端格式</button>				 
				 </div>								 
			 </div>			 		     		     
		     <div class="uploadVideoTable">
			     <div class="left uploadNav">
				     <ul>
					     <li data-terminal="mob">
						     <img src="/web-adv/advWeb/static/images/mobileIcon.png" alt="" />
							 <span>手机</span>
						 </li>
						 <li data-terminal="pc" class="selectedUploaded">
						     <img src="/web-adv/advWeb/static/images/pcIcon.png" alt="" />
							 <span>PC</span>
						 </li>
						 <li data-terminal="pad">
						     <img src="/web-adv/advWeb/static/images/padIcon.png" alt="" />
							 <span>PAD</span>
						 </li>
						 <li data-terminal="tv">
						     <img src="/web-adv/advWeb/static/images/tvIcon.png" alt="" />
							 <span>互联网电视</span>
						 </li>
					 </ul>
				 </div>
			     <div class="left uploadContent">				   
				    <div class="form-group form-inline">
					     <label>图片张数：</label>
						<span id="duration">0</span>
						 <span>(张)</span>
						 <p class="tipsContent">支持<span>jpg、gif、png</span>格式，单照照片<span>10K-10M</span>之间，如果无法上传图像，请核实图片大小和格式。</p>
					 </div>					
					 <div class="adCoverUpload">
					     <div class="uploadBtnBg">
					         <input name="file" type="file" value="" onchange="uploadImg.change(this,$(this))" class="uploadBtnHandle disableBtn"/>
					         <!--  <input class="uploadBtnHandle" type="button" name="fileupload" id="uploadImg"></input> -->
					          <!-- <input name="imageUrl"  id="imageUrl" value=""  type="hidden" />
					          <input name="pcSize" id="pcSize" value=""  type="hidden" /> -->
					     </div>
						 <ul class="adCoverUploadImgBox">						     						     					     							     
						 </ul>				         					       		     				 					     
				     </div>	
					 <div class="uploadRateBar hide">
					     <label>读者V2015.02 ( 650M )</label>
					     <a href="#" class="btn btn-primary">删除</a>
					 </div>
				 </div>
				 <div class="clear"></div>
				 <input name="imgUrl" id="imgUrl" value=""  type="hidden" />
				 <input name="imgSize" id="imgSize" value=""  type="hidden" />
			 </div>
		     <button class="btn btn-primary modifyImgSignBtn"  ng-disabled="registerForm.$invalid">提交</button>
		 <!-- end -->
		 </form>	    
		    	 
	 </body>
</html>